<ion-header-bar align-title="center" class="bar-calm" id="handerMain">
    <h1 class="title">友牧商场</h1>
    <div class="return_img" ng-click="_up_return()">
        <img src="img/return_1.png" alt="">
    </div>
</ion-header-bar>
<ion-content class="has-header detail_mp" id="content" style="bottom:0;">
    <!--下拉刷新-->
    <!--Drop-down refresh-->
    <ion-refresher on-refresh="refresh()" pulling-text="加载中请稍后..." refreshing-text="加载成功"></ion-refresher>
    <!--头部-->
    <ul class="Order_Tab ranch_tab" id="small">
        <li ng-class="e==1?'Order_active':'no_active'" ng-click="View_switch(1,2,2)">草原羊肉</li>
        <li ng-class="b==1?'Order_active':'no_active'" ng-click="View_switch(2,1,2)">草原牛肉</li>
        <li ng-class="w==1?'Order_active':'no_active'" ng-click="View_switch(2,2,1)">其他</li>
    </ul>
    <!--友牧商城-->
    <div ng-if="int_salep==1">
        <!--羊肉-->
        <div ng-if="e==1">
            <div class="conTer">
                <div class="shoppingMall" ng-repeat="salep in salep track by $index" ng-if="salep.pro_type===1">
                    <div class="imgMall">
                        <img ng-src="{{salep.photo_url}}" alt="">
                    </div>
                    <div class="describe">
                        <h4 style="font-weight: 500 !important;">{{salep.name}}</h4>
                        <div class="details">
                            <span>￥{{salep.price}}</span>
                            <span>{{salep.sales}}人购买</span>
                        </div>
                        <div class="configure">
                            <img ng-src="{{salep.pictype_1}}" alt="">
                            <span>{{salep.type_1}}</span>
                            <img ng-src="{{salep.pictype_2}}" alt="" ng-if="salep.pictype_2!=null">
                            <span>{{salep.type_2}}</span>
                            <img ng-src="{{salep.pictype_3}}" alt="" style="margin-left:5px;" ng-if="salep.pictype_2!=null">
                            <span>{{salep.type_3}}</span>
                        </div>
                    </div>
                    <div class="occlusion" ng-click="commodity($event)" data-idint="{{salep.id}}"></div>
                </div>
            </div>
        </div>
        <!--牛肉-->
        <div ng-if="b==1">
            <div class="conTer">
                <div class="shoppingMall" ng-repeat="salep in salep track by $index" ng-if="salep.pro_type===2">
                    <div class="imgMall">
                        <img ng-src="{{salep.photo_url}}" alt="">
                    </div>
                    <div class="describe">
                        <h4>{{salep.name}}</h4>
                        <div class="details">
                            <span>￥{{salep.price}}</span>
                            <span>{{salep.sales}}人购买</span>
                        </div>
                        <div class="configure">
                            <img ng-src="{{salep.pictype_1}}" alt="">
                            <span>{{salep.type_1}}</span>
                            <img ng-src="{{salep.pictype_2}}" alt="" ng-if="salep.pictype_2!=null">
                            <span>{{salep.type_2}}</span>
                            <img ng-src="{{salep.pictype_3}}" alt="" style="margin-left:5px;" ng-if="salep.pictype_3!=null">
                            <span>{{salep.type_3}}</span>
                        </div>
                    </div>
                    <div class="occlusion" ng-click="commodity($event)" data-idint="{{salep.id}}"></div>
                </div>
            </div>
        </div>
        <!--其他-->
        <div ng-if="w==1">
            <div class="conTer">
                <div class="shoppingMall" ng-repeat="salep in salep track by $index" ng-if="salep.pro_type===3" data-idint="{{salep.id}}">
                    <div class="imgMall">
                        <img ng-src="{{salep.photo_url}}" alt="">
                    </div>
                    <div class="describe">
                        <h4>{{salep.name}}</h4>
                        <div class="details">
                            <span>￥{{salep.price}}</span>
                            <span>{{salep.sales}}人购买</span>
                        </div>
                        <div class="configure">
                            <img ng-src="{{salep.pictype_1}}" alt="">
                            <span>{{salep.type_1}}</span>
                            <img ng-src="{{salep.pictype_2}}" alt="" ng-if="salep.pictype_2!=null">
                            <span>{{salep.type_2}}</span>
                            <img ng-src="{{salep.pictype_3}}" alt="" style="margin-left:5px;" ng-if="salep.pictype_3!=null">
                            <span>{{salep.type_3}}</span>
                        </div>
                    </div>
                    <div class="occlusion" ng-click="commodity($event)" data-idint="{{salep.id}}"></div>
                </div>
            </div>
        </div>
    </div>
    <!--//假如没有数据-->
    <div ng-if="int_salep==2" style="text-align: center">
        <div class="pushcode">暂时没有商品</div>
    </div>
</ion-content>